<template>
    <div>
        <img src="../../assets/kehufuwu.png" alt="做保险，我们有温度">
        <el-row type="flex" align="middle" justify="flex-start">
            <el-col :span="24">
                <span style="font-size: 30px">保单服务</span>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="12">
                <i class="el-icon-tickets" style="margin-right: 10px"></i>
                <el-link @click="toMyBaodan" target="_blank" style="font-size: 20px">我的车险保单</el-link>
            </el-col>
            <el-col :span="12">
                <i class="el-icon-search" style="margin-right: 10px"></i>
                <el-link @click="toMyBaodan2" target="_blank" style="font-size: 20px">我的意外险保单</el-link>
            </el-col>
        </el-row>
        <br>
        <el-row type="flex" align="middle" justify="flex-start">
            <el-col :span="24">
                <span style="font-size: 30px">理赔服务</span>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="12">
                <i class="el-icon-coin" style="margin-right: 10px"></i>
                <el-link @click="toShenqing" target="_blank" style="font-size: 20px">申请理赔</el-link>
            </el-col>
            <el-col :span="12">
                <i class="el-icon-view" style="margin-right: 10px"></i>
                <el-link @click="toLipeiSearch" target="_blank" style="font-size: 20px">我的理赔单</el-link>
            </el-col>
        </el-row>
        <br>
        <el-row type="flex" align="middle" justify="flex-start">
            <el-col :span="24">
                <span style="font-size: 30px">其他服务</span>
            </el-col>
        </el-row>
        <br>
        <el-row>
            <el-col :span="6">
                <i class="el-icon-folder-opened" style="margin-right: 10px"></i>
                <el-link @click="toFile" target="_blank" style="font-size: 20px">文件下载</el-link>
            </el-col>
            <el-col :span="6">
                <i class="el-icon-suitcase" style="margin-right: 10px"></i>
                <el-link @click="toJifen" target="_blank" style="font-size: 20px">积分商品兑换</el-link>
            </el-col>
            <el-col :span="6">
                <i class="el-icon-takeaway-box" style="margin-right: 10px"></i>
                <el-link @click="toMyJifen" target="_blank" style="font-size: 20px">我的兑换历史</el-link>
            </el-col>
            <el-col :span="6">
                <i class="el-icon-edit" style="margin-right: 10px"></i>
                <el-link @click="toConsult" target="_blank" style="font-size: 20px">投诉建议</el-link>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name: "service",
    methods: {
        toMyBaodan(){
            this.$router.push("/home/mybaodan")
        },
        toMyBaodan2(){
            this.$router.push("/home/mybaodan2")
        },
        toLipeiSearch(){
            this.$router.push("/home/lipeisearch")
        },
        toConsult(){
            this.$router.push("/home/consult")
        },
        toFile(){
            this.$router.push("/home/file")
        },
        toShenqing(){
            this.$router.push("/home/shenqing")
        },
        toJifen(){
            this.$router.push("/home/jifengoods")
        },
        toMyJifen(){
            this.$router.push("/home/mygoods")
        }
    }
}
</script>

<style scoped>

</style>
